<template>
	<view class="video-component">
		<Tips title="小贴士" :des="des" />
		<view class="mian">
			<video 
			id="myVideo" 
			src="https://ghzsj.sh985.com/html/managMobile/video/honorBind.mp4"
			 @error="videoErrorCallback" 
			 class="video"
			  controls></video>
			<view class="tips">孩子端安装过程中可在家长端首页更多视</view>
		</view>
	 </view>
</template>

<script setup  lang="ts">
	import {ref,computed, onMounted} from 'vue'
	import Tips from "@/components/tips/index.vue"
	const des = ref([
		"1.荣耀手机必须开启定位， 设备管理器， 无障碍三个权限， 定位得选择始终允许，否则会影响管控",
		"2.操作之前可以观看视频"
	])
	const videoErrorCallback = (error) => {
		console.log('播放失败', error)
	}
</script>

<style scoped lang="scss">
	.video-component{
		.mian{
			margin-bottom: 40upx;
			margin-bottom: 40rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			.video{
				margin: 0 auto;
			}
			.tips{
				margin-top: 80upx;
				width: 80%;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 28upx;
				color: #081A2A;
				text-align: center;
				font-style: normal;
				text-transform: none;
			}
		}
	}
	
</style>